<template>
  <div>
    <el-row>
      <el-col :span="22" style="text-align: center">
        <h2 >全市涉案财物受托处置统计情况</h2>
      </el-col>
      <el-col style="text-align: right;margin-top: 30px" :span="2" >
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['oms:task:export']"
        >导出</el-button>
      </el-col>
    </el-row>
    <el-table class="mt10" v-loading="loading" :data="dealList" border stripe>
      <el-table-column label="区域" prop="region" align="center" width="150" fixed="left" />
      <el-table-column label="涉案财物受托处置数量" header-align="center">
        <el-table-column label="已受托拍卖" header-align="center">
          <el-table-column label="车辆数量" prop="auctionCarNumber" align="center"  fixed="left"/>
          <el-table-column label="物品数量" prop="auctionGoodsNumber" align="center" />
        </el-table-column>
        <el-table-column label="已评估" header-align="center">
          <el-table-column label="车辆数量" prop="evaluatedCarNumber" align="center" />
          <el-table-column label="物品数量" prop="evaluatedGoodsNumber" align="center" />
          <el-table-column label="评估金额" prop="evaluatedAmount" align="center" />
        </el-table-column>
        <el-table-column label="已拍卖" header-align="center">
          <el-table-column label="车辆数量" prop="auctionedCarNumber" align="center" />
          <el-table-column label="物品数量" prop="auctionedGoodsNumber" align="center" />
          <el-table-column label="已拍卖金额" prop="auctionedAmount" align="center" />
          </el-table-column>
        <el-table-column label="返还" header-align="center">
          <el-table-column label="待返还数量" prop="returnNumber" align="center"/>
          <el-table-column label="已返还数量" prop="returnedNumber" align="center" />
        </el-table-column>
        <el-table-column label="销毁" header-align="center">
          <el-table-column label="待销毁数量" prop="destroyNumber" align="center" />
          <el-table-column label="已销毁数量" prop="destroyedNumber" align="center"/>
        </el-table-column>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
import { getAuthCenterDisposalList } from '@/api/oms/dealTask'

export default {
  props: {
    queryParams: {
      type: Object,
      required: true
    }
  },
  data() {
    return {
      total: 0,
      loading: false,
      dealList: []
    }
  },
  created() {
    this.getList()
  },
  methods: {
    getList() {
      this.loading = true
      getAuthCenterDisposalList(this.queryParams).then(response => {
        this.dealList = response.rows
        this.total = response.total
        this.loading = false
      })
    },
    handleExport(){
      this.download('/oms/task/disposal/exportAuthCenterDisposalList', {
      }, `处置报表_${new Date().getTime()}.xlsx`)
    }
  }
}
</script>

<style scoped>

</style>
